<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <link href="css/header.css" rel="stylesheet" type="text/css" />
        <link href="css/footer.css" rel="stylesheet" type="text/css" />
        <link href="css/normalize.css" rel="stylesheet" type="text/css" />
        <link href="css/index.css" rel="stylesheet" type="text/css" />
        <title>HUAYU</title>
    </head>

    <body>
        <!--[if lte IE 8]>
        <p class="browserupgrade">您的浏览器版本老的可笑，请到 <a href="http://browsehappy.com">这里</a> 更新，以获取最佳的体验</p>
    <![endif] -->
        <a name="top"></a>
        @@include('./header.html')
        <main>
            <section class="lunbo">
                <ul class="lunbo_ul">
                    <li>
                        <img src="img/index/dt.jpg" alt="图片" id="lunbo_img" />
                    </li>
                    <div class="huayu"><span id="huayu_id">HUAYU</span></div>
                </ul>
                <div class="rigth_left">
                    <span onclick="leftImg()"> <</span>
                    <span onclick="rightImg()">> </span>
                </div>
                <ul class="dian_ul">
                    <li onclick="clickImg(0)"></li>
                    <li onclick="clickImg(1)"></li>
                </ul>
            </section>
            <section class="imgshow">
                <span><img src="img/index/huat1.jpg" alt="图片" /></span>
                <span><img src="img/index/huat2.jpg" alt="图片" /></span>
            </section>
            <section class="todayNew">
                <div class="todayNew_div">
                    <span>今日上新</span>
                    <span>New product</span>
                    <span>+查看更多</span>
                </div>
                <ul class="todayNew_ul" id="goodsClick">
                    <li id="0">
                        <img src="img/index/dr.jpg" alt="图片" />
                        <p class="huam">植物花卉001</p>
                        <p class="jiage">¥5900</p>
                    </li>
                    <li id="1">
                        <img src="img/index/mrr.jpg" alt="图片" />
                        <p class="huam">植物花卉004</p>
                        <p class="jiage">¥5900</p>
                    </li>
                    <li id="2">
                        <img src="img/index/gh.jpg" alt="图片" />
                        <p class="huam">植物花卉006</p>
                        <p class="jiage">¥5900</p>
                    </li>
                    <li id="3">
                        <img src="img/index/pz.jpg" alt="图片" />
                        <p class="huam">植物花卉008</p>
                        <p class="jiage">¥5900</p>
                    </li>
                </ul>
                <ul class="todayNew_dian_ul">
                    <li onclick="clickPhoneImg(0)"></li>
                    <li onclick="clickPhoneImg(1)"></li>
                    <li onclick="clickPhoneImg(2)"></li>
                    <li onclick="clickPhoneImg(3)"></li>
                </ul>
            </section>
            <section class="todayNew">
                <div class="todayNew_div">
                    <span>限时促销</span>
                    <span>sales promotion</span>
                    <span>+查看更多</span>
                </div>
                <div class="todayNew_div2">
                    <div>
                        <p>
                            <span class="time">0</span>天
                            <span class="time">0</span>时
                            <span class="time">0</span>分钟
                            <span class="time">0</span>秒
                        </p>
                        <img src="img/index/ft3.jpg" alt="图片" />
                    </div>
                    <div>
                        <img src="img/index/kf.jpg" alt="图片" />
                        <p>
                            <span class="time">0</span>天
                            <span class="time">0</span>时
                            <span class="time">0</span>分钟
                            <span class="time">0</span>秒
                        </p>
                    </div>
                </div>
            </section>
            <section class="imgAtic">
                <img src="img/index/dt.jpg" alt="图片" class="imgAtic_img" />
                <div>
                    <img src="img/pubilc/hyx.png" alt="图片" />
                    <p>
                        我们的流线式网页布局设计方案和可视化图文内容编辑模式让网站制作和维护成为一件轻松惬意的事。起飞页提供了海量精美网站模板和成品网站，起飞页的核心竞争力来自于它集流线式布局方案与可视化内容编辑于一体，支持打字传图、自由拖拽，不需要专业编写代码，也没有其他建站工具的层叠式烦恼，您可以随心所欲创建区块、添加组件…
                    </p>
                </div>
            </section>
            <section class="todayNew">
                <div class="todayNew_div">
                    <span>装点家园</span>
                    <span>decorate the homes</span>
                    <span>+查看更多</span>
                </div>
                <ul class="todayNew_shupai_ul" id="homegoodsClick">
                    <li>
                        <div class="outline_div">
                            <img src="img/index/pz.jpg" alt="图片" />
                            <div>
                                <hr />
                                <p class="huam huam1">植物花卉008</p>
                                <p class="jiage jiage2">¥5900</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="outline_div">
                            <div>
                                <p class="huam huam1">植物花卉006</p>
                                <hr />
                                <p class="jiage jiage2">¥5900</p>
                            </div>
                            <img src="img/index/gh.jpg" alt="图片" />
                        </div>
                    </li>
                    <li>
                        <div class="outline_div">
                            <img src="img/index/mrr.jpg" alt="图片" />
                            <div>
                                <hr />
                                <p class="huam huam1">植物花卉004</p>
                                <p class="jiage jiage2">¥5900</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="outline_div">
                            <div>
                                <p class="huam huam1">植物花卉002</p>
                                <hr />
                                <p class="jiage jiage2">¥5900</p>
                            </div>
                            <img src="img/index/lianp.jpg" alt="图片" />
                        </div>
                    </li>
                </ul>
            </section>
            <section class="whatClass">
                <div class="whatClass_div">
                    <div>
                        <img src="img/index/jes1.jpg" alt="图片" />
                        <h6>山中花店的活动中 稀有种子如何获得？</h6>
                        <p>发布日期：2017-05-23</p>
                        <p>
                            从一九四七年巴黎蒙田大街30号New
                            Look的展出开始，Dior就成为高级女装的代名词,
                            继承了法国高级女装的传统，始终保持华丽的设计路线，做工精细，迎合上流社会成熟女性的审...
                        </p>
                    </div>
                    <div>
                        <img src="img/index/jes2.jpg" alt="图片" />
                        <h6>天气干燥，花店老板推荐制氧绿植</h6>
                        <p>发布日期：2017-05-23</p>
                        <p>
                            秋天的拉萨，天气比较干燥，这个时候在家里养一些可以制造氧气和水分的植物大有好处。记者走访多个花店后发现，很多店老板都会同时提到一种制氧植物——红豆杉。红豆杉有“植物增氧机”之称...
                        </p>
                    </div>
                </div>
                <img src="img/index/ft3.jpg" alt="图片" class="whatClass_img" />
            </section>
            <section class="fuwclass">
                <ul class="fuwclass_ul">
                    <li>
                        <img src="img/pubilc/hc.png" alt="图片" />
                        <div>
                            <h6>满1000元全国包邮</h6>
                            <p>全场订单满1000元全国包邮</p>
                        </div>
                    </li>
                    <li>
                        <img src="img/pubilc/lw.png" alt="图片" />
                        <div>
                            <h6>下单送精美礼品</h6>
                            <p>本店购买任意商品赠送精美礼品</p>
                        </div>
                    </li>
                    <li>
                        <img src="img/pubilc/lxr.png" alt="图片" />
                        <div>
                            <h6>贴心的售后服务</h6>
                            <p>7x24小时售后随时为您服务</p>
                        </div>
                    </li>
                    <li>
                        <img src="img/pubilc/bq.png" alt="图片" />
                        <div>
                            <h6>店铺优惠劵</h6>
                            <p>每日整点可领取限量优惠劵</p>
                        </div>
                    </li>
                </ul>
            </section>
        </main>
        @@include('./footer.html')
        <script src="js/jquery.min.js"></script>
        <script src="js/header.js"></script>
        <script src="js/orderShow.js"></script>
        <script src="js/scrollCss.js"></script>
        <script src="js/publicFunction.js"></script>
        <script src="js/index.js"></script>
    </body>
</html>
